@media screen and (max-width: 1024px){
  
}

@media screen and (max-width: 960px){
	#nav {
			width: 100%;
			/*margin: 0 0 3em 0;*/
			margin:0px auto;
			padding: 0px 8px 8px 8px;
			list-style: none;
			background-color: #f2f2f2;
	}
	
}

@media screen and (max-width: 780px){
	
	
	#nav {
			width: 100%;
			/*margin: 0 0 3em 0;*/
			margin:0px auto;
			padding: 0px 8px 8px 8px;
			list-style: none;
			background-color: #f2f2f2;
	}
	#nav li a {
			
			display: block;
			padding: 10px 18px;
			text-decoration: none;
			font-weight: normal;
			color: #df9e92;
			/*border-right: 1px solid #ccc;*/ }
}

@media screen and (max-width: 480px){

	#nav {
			width: 100%;
			/*margin: 0 0 3em 0;*/
			margin:0px auto;
			padding: 0px 8px 8px 8px;
			list-style: none;
			background-color: #f2f2f2;
	}
	#nav li a {
			
			display: block;
			padding: 10px 18px;
			text-decoration: none;
			font-weight: normal;
			color: #df9e92;
			/*border-right: 1px solid #ccc;*/ }
}

@media screen and (max-width: 400px){
	#nav {
			width: 100%;
			/*margin: 0 0 3em 0;*/
			margin:0px auto;
			padding: 0px 8px 8px 8px;
			list-style: none;
			background-color: #f2f2f2;
	}
	#nav li a {
			
			display: block;
			padding: 10px 18px;
			text-decoration: none;
			font-weight: normal;
			color: #df9e92;
			/*border-right: 1px solid #ccc;*/ }
}

@media screen and (max-width: 380px){
	#nav {
			width: 90%;
			/*margin: 0 0 3em 0;*/
			margin:0px auto;
			padding: 0px 8px 8px 8px;
			list-style: none;
			background-color: #f2f2f2;
	}
	#nav li a {
			
			display: block;
			padding: 10px 18px;
			text-decoration: none;
			font-weight: normal;
			color: #df9e92;
			/*border-right: 1px solid #ccc;*/ }
}
